<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>buyfunshop</title>
		<meta name="customer-service" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta property="og:type"          content="website" />
	<meta property="og:title"         content="【buyfunshop】" />
	<meta property="og:description"   content="ช้อปปิ้งง่ายมาก! แพลตฟอร์มช้อปปิ้งที่เน้นผู้บริโภคแฟชั่นสตรี สินค้ามีทั้งเสื้อผ้าสตรีแฟชั่น รองเท้าผู้หญิง กระเป๋าสตรี เครื่องประดับ ฯลฯ จัดส่งฟรีเกิน 899/ดำเนินการเองอย่างเป็นทางการ/เก็บเงินปลายทาง/ระยะเวลาชื่นชมเจ็ดวัน " />
		<meta property="og:image"         content="//yinibuy2.oss-cn-hongkong.aliyuncs.com/729419af-b34f-4126-be31-e36aad7582dd.jpg" />
		<meta property="og:url"         content="www.buyfunshop.com" />		
		<link rel="stylesheet" href="../dists/mdui-0.4.3/css/mdui.css" />
		<link rel="stylesheet" href="../resources/css/common.css"/>
		<style>
			.mdui-head-nav{position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; height: 48px; line-height: 48px; text-align: center; background: #FFF; box-sizing: border-box;box-shadow: 0 0px 4px 0px #bbb; max-width: 750px; margin: 0 auto; z-index: 1;padding: 0 10px;display: flex;align-items: center;justify-content: space-between;}
			.mdui-head-nav > span{font-size: 16px; color: #2A363B;}
			.template-split{width: 100%; height: 8px; background: transparent;}
			
			.feedback-text-container, .feedback-submit-container, .feedback-tel-container{padding: 0px 8px; box-sizing: border-box; }
			
			
			.feedback-submit-btn{width: 100%; height: 42px; line-height: 42px; background: #9F0000; color: #FFF; font-size: 16px; border: none; border-radius: 8px; letter-spacing: 4px;}
		
			.feedback-tel-container{background: #FFF; height: 50px; line-height: 50px; display: flex; font-size: 14px;}
			.feedback-tel-container > span{font-size: 15px;}
			.feedback-tel-container > input{flex-grow: 1; padding-left: 12px; border: none;}
			
			.feedback-text-container{background: #FFF;}
			.feedback-text-container .feedback-text-inner-container{height: 45px; line-height: 45px; font-size: 15px; display: flex;justify-content: space-between;}
			.feedback-text-container .feedback-text-inner-container > span:nth-child(2){color: #999999; font-size: 13px;}
			.feedback-text-container > textarea{width: 100%; height: 210px; resize: none; border: none;}
		</style>
	</head>
	<body>
		<div class="mdui-container-fluid">
			
			<div class="mdui-head-nav">
				<a href="javascript:history.back(-1);" class="mdui-btn mdui-btn-icon mdui-tab-back"><svg t="1587028723395" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7397" width="24" height="24"><path d="M641.28 278.613333l-45.226667-45.226666-278.634666 278.762666 278.613333 278.485334 45.248-45.269334-233.365333-233.237333z" p-id="7398"></path></svg></a>
				<span class="language" language="yi_jian_fan_kui"></span>
				<a href="javascript:void(0);" class="mdui-btn mdui-btn-icon mdui-tab-back" style="opacity: 0;"></a>
			</div>
			
			<div class="template-split"></div>
			
			<div class="feedback-text-container">
				<div class="feedback-text-inner-container">
					<span class="language" language="yi_jian_fan_kui"></span>
					<span>200</span>
				</div>
				<textarea id="feedBackText" autofocus="autofocus" class="language-placeholder" language="qing_shu_ru_yi_jian" placeholder=""></textarea>
			</div>
			
			<div class="template-split"></div>
			
			<div class="feedback-tel-container">
				<span class="language" language="lian_xi_dian_hua"></span>
				<input id="feedBackTel" type="text" class="language-placeholder" language="qing_shu_ru_shou_ji_hao_ma" placeholder="" />
			</div>
			
			<div class="template-split"></div>
			
			<div class="feedback-submit-container">
				<button class="feedback-submit-btn language" language="ti_jiao" onclick="app.methods.submitFeedBack()"></button>
			</div>
			
		</div>
	</body>
	<script src="../dists/mdui-0.4.3/js/mdui.js"></script>
	<script src="../resources/js/common.js"></script>
	<script data-ad-client="ca-pub-8682703571474734" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	
	<script>
		
		var app = {
			methods: {
				submitFeedBack: function(){
					
					var params = {
						tel: $$('#feedBackTel').val().trim(),
						text: $$('#feedBackText').val().trim()
					};
					
					if(params.text == ''){
						mdui.snackbar({message: language.text('fan_kui_nei_yong_bu_neng_wei_kong'),position: 'top'}, 500);
						return;
					}
					if(params.tel == ''){
						mdui.snackbar({message: language.text('dian_hua_hao_ma_bu_neng_wei_kong'),position: 'top'}, 500);
						return;
					}
					tools.loading();
					$$.ajax({
						url : commonConfig.websitePrefix() + '/api/shop/feedBack',
						method: 'POST',
						contentType : "application/json ; charset=utf-8",
					  	data: JSON.stringify(params),
						complete: function(){
							tools.hideLoading();
							mdui.snackbar({message: language.text('ti_jiao_cheng_gong'),position: 'top'}, 800);
							setTimeout(function () {
							   window.location.href = '../user/index.html' ; 
							}, 1000);
						}
					});
				}
			}
		}
	</script>
	
</html>
